import requestAPI from '../../utils/requestApi'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // 地图配置
    mapConfig: {
      // 地图主图
      mainImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/31/59ae74b7fc834213a9c639b13e0ad853.png',
      // 地图主图原始宽度
      mainImageOriginalWidth: 2000,
      // 地图主图原始高度
      mainImageOriginalHeight: 1500,
      // 定位列表
      locations: [
        {
          // 数据ID
          id: 1,
          // 定位标题
          title: '欢乐谷',
          // 定位描述
          remark: '欢乐谷',
          // 原始X坐标偏移
          originalLeft: 1351,
          // 原始Y坐标偏移
          originalTop: 448,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 2,
          // 定位标题
          title: '佘山天文台',
          // 定位描述
          remark: '佘山天文台',
          // 原始X坐标偏移
          originalLeft: `1063`,
          // 原始Y坐标偏移
          originalTop: 496,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 3,
          // 定位标题
          title: '万达广场',
          // 定位描述
          remark: '万达广场',
          // 原始X坐标偏移
          originalLeft: 1335,
          // 原始Y坐标偏移
          originalTop: 664,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 4,
          // 定位标题
          title: '广富林文化遗址',
          // 定位描述
          remark: '广富林文化遗址',
          // 原始X坐标偏移
          originalLeft: 993,
          // 原始Y坐标偏移
          originalTop: 693,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 5,
          // 定位标题
          title: '方塔',
          // 定位描述
          remark: '方塔',
          // 原始X坐标偏移
          originalLeft: 1229,
          // 原始Y坐标偏移
          originalTop: 806,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 6,
          // 定位标题
          title: '电视塔',
          // 定位描述
          remark: '电视塔',
          // 原始X坐标偏移
          originalLeft: 982,
          // 原始Y坐标偏移
          originalTop: 823,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 7,
          // 定位标题
          title: '泰晤士小镇',
          // 定位描述
          remark: '泰晤士小镇',
          // 原始X坐标偏移
          originalLeft: 860,
          // 原始Y坐标偏移
          originalTop: 910,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 8,
          // 定位标题
          title: '农村平移房',
          // 定位描述
          remark: '农村平移房',
          // 原始X坐标偏移
          originalLeft: 858,
          // 原始Y坐标偏移
          originalTop: 1126,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 9,
          // 定位标题
          title: '张泽羊肉',
          // 定位描述
          remark: '张泽羊肉',
          // 原始X坐标偏移
          originalLeft: 968,
          // 原始Y坐标偏移
          originalTop: 1094,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 10,
          // 定位标题
          title: '八十八亩田',
          // 定位描述
          remark: '八十八亩田',
          // 原始X坐标偏移
          originalLeft: 1306,
          // 原始Y坐标偏移
          originalTop: 1171,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        },
        {
          // 数据ID
          id: 11,
          // 定位标题
          title: '学农',
          // 定位描述
          remark: '学农',
          // 原始X坐标偏移
          originalLeft: 618,
          // 原始Y坐标偏移
          originalTop: 1103,
          // 经度
          longitude: 0,
          // 纬度
          latitude: 0,
          // 定位锚点图片
          iconImage: 'https://dev-sjsw.fastokgo.com/resource/ledger/form/2025/11/22/15/36/98b5dc02a1bc424b932f702a45a2476c.png',
          // 定位锚点图片原始宽度
          iconImageOriginalWidth: 66,
          // 定位锚点图片原始高度
          iconImageOriginalHeight: 84,
          // 定位锚点图片显示宽度
          iconImageViewWidth: 16,
          // 定位锚点图片显示高度
          iconImageViewHeight: 20,
        }
      ]
    },
    // 地图显示
    mapView: {
      // 显示百分比
      viewScale: 1.00,
      // 显示区域宽度
      viewAreaWidth: 0,
      // 显示区域高度
      viewAreaHeight: 0,
      // 地图主图原始宽度
      mainImageViewWidth: 0,
      // 地图主图原始高度
      mainImageViewHeight: 0,
      // 定位列表
      locations: []
    },
    // 当前用户位置
    userLocation: {
      // 经度
      longitude: 0,
      // 纬度
      latitude: 0,
    },
    scrollViewLeft: 0,
    detailPanelInfo: {
      show: false,
      title: '',
      remark: '',
      time: '开放时间：08:00-17:30',
      address: '上海市松江区辰花公路3888号',
      phone: '(021)37792288',
    }
  },

  onLoad: function (options) {
    let that = this
    let query = wx.createSelectorQuery().in(this)
    query.select('.area-view').boundingClientRect(function(rect) {
      console.log('rect', rect)
      let viewAreaWidth = rect.width
      let viewAreaHeight = rect.height
      let mapConfig = that.data.mapConfig
      let viewScale = viewAreaHeight / mapConfig.mainImageOriginalHeight

      // 地图显示
      let mapView = that.data.mapView
      // 显示百分比
      mapView.viewScale = viewScale
      // 显示区域宽度
      mapView.viewAreaWidth = viewAreaWidth
      // 显示区域高度
      mapView.viewAreaHeight = viewAreaHeight
      // 地图主图显示宽度
      mapView.mainImageViewWidth = Math.floor(mapConfig.mainImageOriginalWidth * viewScale)
      // 地图主图显示高度
      mapView.mainImageViewHeight = Math.floor(mapConfig.mainImageOriginalHeight * viewScale)
      // 定位列表
      mapView.locations = mapConfig.locations.map(loc => {
        return {
          // 数据ID
          id: loc.id,
          // 原始X坐标偏移
          left: Math.floor(loc.originalLeft * viewScale) - 10,
          // 原始Y坐标偏移
          top: Math.floor(loc.originalTop * viewScale) - 20,
        }
      })

      // 初始化
      that.setData({
        mapView: mapView,
        scrollViewLeft: mapView.mainImageViewWidth / 2 - mapView.viewAreaWidth / 2
      })
    }).exec()
  },

  tapLocation(e) {
    console.log('定位点击', e)
    let dataset = e.currentTarget.dataset
    let detailPanelInfo = this.data.detailPanelInfo
    detailPanelInfo.show = true

    let locations = this.data.mapConfig.locations
    let ls = locations.filter(item => {
      return item.id == dataset.id
    })
    if (ls.length) {
      var item = ls[0]
      detailPanelInfo.title = item.title
      detailPanelInfo.remark = item.remark
    }
    this.setData({
      detailPanelInfo
    })
  },

  hideDetailPanel() {
    let detailPanelInfo = this.data.detailPanelInfo
    detailPanelInfo.show = false
    this.setData({
      detailPanelInfo
    })
  },

  toDetail() {
    wx.navigateTo({
      url: '/pages/country/country?id=1',
    })
  },

  toAddress() {
    
  },

});